<template>
    <view>
        <template name="goHome">
            <navigator class="goHome" hoverClass="active" openType="redirect" url="/wxz_superstore/pages/index/index">
                <image mode="widthFix" src="/static/we7/resource/images/home.png"></image>
            </navigator>
        </template>
        <block name="footerWx">
            <view class="we7-bottom" :style="'background-color:' + backgroundColor + ';border-color:' + borderStyle" v-if="list">
                <block v-for="(item, index) in list" :key="index">
                    <view class="we7-bottom-item" hoverClass="active" v-if="item.pageUrl == '/' + thisurl">
                        <view @tap="footerRedirect" :data-jumpdata="item.jumpData" :data-pagepath="item.pagePath" :data-type="item.type" :data-url="item.pagePath">
                            <image
                                class="item-img"
                                :data-jumpdata="item.jumpData"
                                :data-pagepath="item.pagePath"
                                :data-type="item.type"
                                :data-url="item.pagePath"
                                mode="widthFix"
                                :src="item.selectedIconPath"
                            ></image>
                            <view
                                class="item-text"
                                :data-jumpdata="item.jumpData"
                                :data-pagepath="item.pagePath"
                                :data-type="item.type"
                                :data-url="item.pagePath"
                                :style="'color: ' + selectedColor + ';'"
                            >
                                {{ item.text }}
                            </view>
                        </view>
                    </view>

                    <view class="we7-bottom-item" hoverClass="active" v-else>
                        <view @tap="footerRedirect" :data-jumpdata="item.jumpData" :data-pagepath="item.pagePath" :data-type="item.type" :data-url="item.pagePath">
                            <image
                                class="item-img"
                                :data-jumpdata="item.jumpData"
                                :data-pagepath="item.pagePath"
                                :data-type="item.type"
                                :data-url="item.pagePath"
                                mode="widthFix"
                                :src="item.iconPath"
                            ></image>
                            <view
                                class="item-text"
                                :data-jumpdata="item.jumpData"
                                :data-pagepath="item.pagePath"
                                :data-type="item.type"
                                :data-url="item.pagePath"
                                :style="'color: ' + color"
                            >
                                {{ item.text }}
                            </view>
                        </view>
                    </view>
                </block>
            </view>
            <view class="we7-bottom-placeholder"></view>
        </block>
    </view>
</template>

<style>
@import './footer.css';
</style>
